/**
 * 学习目标：使用JSX中的嵌套表达式
 * 作用：和vue的插值表达式类似，可以给标签设置内容
 * 表达式：对象、数组
 * 注意：1. 对象在JSX的表达式中，不能直接使用，会报错（不像Vue)
 * 注意：2. 数组可以再JSX表达式中，直接使用，会把数组的每项元素，当做一个JSX对象显示
 */
import React from 'react';
import ReactDOM from 'react-dom';

const obj = {
  name: 'zs',
  age: 18,
};

const arr = [<div>zs</div>, <div>ls</div>];

const divNode = (
  <>
    <div>
      <h1>{obj}</h1>
      <h2>{arr}</h2>
    </div>
  </>
);

ReactDOM.render(divNode, document.getElementById('root'));
